<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义属性</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
           $("#btn").click(function(){
               console.log("a属性的值:"+$(this).attr("a"));
               console.log("id属性的值:"+$(this).attr("data-id"));
               console.log("name属性的值:"+$(this).attr("data-name"));
           })
        });
    </script>
</head>
<body>
<!--
    自定义属性一般以data-xxx的方式进行命名
    主要用于接收后端传递过来的数据
-->
<button id="btn" a="b" data-id="1" data-name="admin">自定义属性</button>
</body>
</html>